<template>
  <div>
    <div class="main-container">
      <author-info />
      <recommend />
      <music />
      <the-link />
    </div>
  </div>
</template>
<script>
import AuthorInfo from './author-info'
import Recommend from './recommend'
import Music from './music'
import TheLink from './link'
export default {
  components: {
    AuthorInfo,
    Recommend,
    Music,
    TheLink
  }
}
</script>
<style scoped>
.main-container {
  width: 350px;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
}
</style>
